<?php

include 'db.php';
?>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="navbar navbar-default" style="margin-bottom:20px">
    <div class="container-fluid">
        <div class="container">
            <div class="navbar-header">
                <span class="navbar-brand">点餐系统</span>
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            订单管理
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="order.php">订单列表</a></li>
                            <li><a href="order2.php">订单记录</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            菜品管理 <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="add.php">添加菜品</a></li>
                            <li><a href="add2.php">菜品列表</a></li>
                            <li class="divider"></li>
                            <li><a href="add3.php">添加菜品类型</a></li>
                            <li><a href="add4.php">菜品类型列表</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            餐桌管理
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="board.html">添加餐桌</a></li>
                            <li><a href="board2.php">餐桌列表</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            登录管理 <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#" data-toggle="modal" data-target="#aboutModal">关于点餐系统</a></li>
                            <li class="divider"></li>
                            <li><a href="./">修改登录信息</a></li>
                            <li><a href="#exitModal" data-toggle="modal">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-2">
            <a class="btn btn-default btn-block" href="add2.php">菜品列表</a>
            <a class="btn btn-default btn-block" href="dc.php">返回首页</a>
        </div>
        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h1 class="panel-title">
                        <span class="glyphicon glyphicon-plus"></span>
                        添加菜品
                    </h1>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" method="post" action="insert.php">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-md-3 control-label">菜名：</label>
                            <div class="col-md-9">
                                <input type="text" name="dish_name" class="form-control" id="inputEmail3"
                                       placeholder="菜名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-md-3 control-label">单价：</label>
                            <div class="col-md-9">
                                <input type="number" name="price" class="form-control" id="inputEmail3"
                                       placeholder="单价">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-md-3 control-label">类型：</label>
                            <div class="col-md-9">
                                <select class="form-control" name="dish_type_id">
                                    <option>请选择</option>
                                    <?php
                                    $sql = "select * from dish_type order by id asc;";
                                    $sqlo = $conn->prepare($sql);
                                    $ok = $sqlo->execute();
                                    $item = $sqlo->fetchAll();
                                    for ($i = 0; $i < count($item); $i++) {
                                        ?>

                                        <option value="<?php echo $item[$i]['id'] ?>"><?php echo $item[$i]['type_name'] ?></option>
                                        <?php
                                    }
                                    ?>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="inputEmail3" class="col-md-3 control-label">图片：</label>
                            <div class="col-md-9">
                                <input type="file" name="icon" class="filestyle" data-buttonText="选择"
                                       data-input="false">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-offset-3 col-sm-4">
                                <button type="submit" class="btn btn-primary btn-block">添加</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="./js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="./js/bootstrap.min.js"></script>
</body>
</html>

